import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
import Home from '../views/Home.vue'
import Main from '../layout/index.vue'
const routes: RouteRecordRaw[] = [
    {
        path: '/',
        component: Main,
        children: [
            {
                path: '/',
                component: Home,
            },
            {
                path: '/chooseIcon',
                component: () => import('../views/chooseIcon/index.vue')
            },
            {
                path: '/chooseArea',
                component: () => import('../views/chooseArea/index.vue')
            },
            {
                path: '/trend',
                component: () => import('../views/trend/index.vue')
            },
            {
                path: '/notification',
                component: () => import('../views/notification/index.vue')
            },
            {
                path: '/menu',
                component: () => import('../views/menu/index.vue')
            },
            {
                path: '/progress',
                component: () => import('../views/progress/index.vue')
            },
            {
                path: '/chooseTime',
                component: () => import('../views/chooseTime/index.vue')
            },
            {
                path: '/table',
                component: () => import('../views/table/index.vue')
            },
            {
                path: '/container',
                component: () => import('../views/container/index.vue')
            },
            {
                path: '/dialog',
                component: () => import('../views/dialog/index.vue')
            },
            {
                path: '/link',
                component: () => import('../views/link/index.vue')
            },
            {
                path: '/svgIcon',
                component: () => import('../views/svgIcon/index.vue')
            },
            {
                path: '/status',
                component: () => import('../views/status/index.vue')
            },
            {
                path: '/animate',
                component: () => import('../views/other/animate/index.vue')
            },
            {
                path: '/menuDemo',
                component: () => import('../views/menuDemo/index.vue')
            }
        ]
    }
]

const router = createRouter({
    routes,
    history: createWebHashHistory()
})

export default router